<template>
  <div class="index">
    <header>头</header>
    <main>
      <router-view></router-view>
    </main>
    <footer>
      <My_footer />
    </footer>
  </div>
</template>
<script>
import My_footer from "../components/My_footer.vue";
export default {
  components: {
    My_footer
  }
};
</script>
<style scoped>
.index{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
header {
  width: 100%;
  height: 40px;
  background: aquamarine;
}
main {
 flex: 1;
}
footer {
  width: 100%;
  height: 50px;
  background: aquamarine;
}
</style>